<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<c:set value="${requestScope.response.data.pageInfoUtil }" var="pageInfoUtil"/>
<c:set value="${requestScope.response.data.one }" var="one"/>
<c:set value="${requestScope.evalApiResponse.data.list }" var="evalList"/>
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>商品详情 - 西餐厅管理系统</title>
		<%@ include file="/common/include/head_title.jsp"%>
	</head>
	<body>
		<jsp:include page="/header.htm"></jsp:include>
		<section class="single-page-recipe spad">
	        <div class="container">
	            <div class="row">
	                <div class="col-lg-5">
	                    <div class="ingredients-item">
	                        <div class="intro-item">
	                            <c:choose>
									<c:when test="${listTemp.listImg != null && listTemp.listImg != '' }">
										<a href="${websiteFileUrl}${listTemp.listImg }" target="_blank">
											<img alt="" src="${websiteFileUrl}${listTemp.listImg }" width="122" height="122">
										</a>
									</c:when>
									<c:otherwise>
										<img alt="" src="${rootPath }/img/no_pic.png" width="122" height="122">
									</c:otherwise>
								</c:choose>
	                            <h2>${one.name }</h2>
	                            <!-- <div class="rating">
	                                <i class="fa fa-star"></i>
	                                <i class="fa fa-star"></i>
	                                <i class="fa fa-star"></i>
	                                <i class="fa fa-star"></i>
	                                <i class="fa fa-star"></i>
	                            </div> -->
	                            <div class="reviews">分类:${one.classify.name }</div>
	                            <div class="recipe-time">
	                                <ul>
	                                    <li>市场价: <span>${one.marketPrice }</span></li>
	                                    <li>价格: <span>${one.price }</span></li>
	                                    <li>销量: <span>${one.saleNum }</span></li>
	                                </ul>
	                            </div>
	                        </div>
	                        <div class="ingredient-list">
	                            <div class="recipe-btn">
	                                <a href="#" onclick="return addCart('${one.id}','1')">添加购物车</a>
	                                <!-- <a href="#" class="black-btn">Pin Recipe</a> -->
	                            </div>
	                            <div class="list-item">
	                                <h5>简介</h5>
	                                <div class="salad-list">
	                                    <!-- <h6>For the salad</h6> -->
	                                    ${one.brief }
	                                </div>
	                                <div class="dressing-list">
	                                    <h6>其他</h6>
	                                    <ul>
	                                    	<li>库存:${one.stockNum }</li>
	                                    	<li>厨师:${one.cook.nick }</li>
	                                        <li>上架时间:${one.pubTime }</li>
	                                    </ul>
	                                </div>
	                            </div>
	                        </div>
	                    </div>
	                    <!-- <div class="nutrition-fact">
	                        <div class="nutri-title">
	                            <h6>Nutrition Facts</h6>
	                            <span>Serves 4</span>
	                        </div>
	                        <ul>
	                            <li>Total Fat : 20.4g</li>
	                            <li>Cholesterol : 2%</li>
	                            <li>Chalories: 345</li>
	                        </ul>
	                    </div> -->
	                </div>
	                <div class="col-lg-7">
	                    <div class="recipe-right">
	                        <div class="recipe-desc">
	                            <h3>描述</h3>
	                            <p>${one.content }</p>
	                        </div>
	                        <!-- <div class="instruction-list">
	                            <h3>Instructions</h3>
	                            <ul>
	                                <li>
	                                    <span>01.</span>
	                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
	                                    incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet. Donec in
	                                    sodales dui, a blandit nunc. Pellentesque id eros venenatis, sollicitudin neque
	                                    sodales, vehicula nibh. Nam massa odio, porttitor vitae efficitur non, ultricies
	                                    volutpat tellus. Cras egestas in lacus a finibus. Suspendisse sed urna at elit
	                                    condimentum viverra. Suspendisse non lobortis nisi. Maecenas accumsan quam quis
	                                    porta laoreet. Aliquam felis odio, aliquet fermentum semper at, porttitor ac mi.
	                                </li>
	                                <li>
	                                    <span>02.</span>
	                                    Donec sit amet enim tortor. Sed egestas nulla nibh, vitae porta velit sagittis eget.
	                                    Donec vitae tellus semper, cursus sem id, iaculis purus. Aenean ligula risus,
	                                    maximus tristique eros vel, auctor ornare tortor. Aliquam vel augue sapien. Duis non
	                                    auctor ante, ac vestibulum tortor. Etiam quis dolor ultricies, dignissim ante a,
	                                    ornare ipsum. Phasellus suscipit rhoncus nulla, quis bibendum tortor elementum ac.
	                                    Nullam viverra tellus diam, nec accumsan orci aliquam sed. Sed placerat sagittis
	                                    lacus, non rutrum diam volutpat id.
	                                </li>
	                                <li>
	                                    <span>03.</span>
	                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
	                                    incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet. Donec in
	                                    sodales dui, a blandit nunc. Pellentesque id eros venenatis, sollicitudin neque
	                                    sodales, vehicula nibh. Nam massa odio, porttitor vitae efficitur non, ultricies
	                                    volutpat tellus. Cras egestas in lacus a finibus. Suspendisse sed urna at elit
	                                    condimentum viverra. Suspendisse non lobortis nisi. Maecenas accumsan quam quis
	                                    porta laoreet. Aliquam felis odio, aliquet fermentum semper at, porttitor ac mi.
	                                </li>
	                                <li>
	                                    <span>04.</span>
	                                    Donec sit amet enim tortor. Sed egestas nulla nibh, vitae porta velit sagittis eget.
	                                    Donec vitae tellus semper, cursus sem id, iaculis purus. Aenean ligula risus,
	                                    maximus tristique eros vel, auctor ornare tortor. Aliquam vel augue sapien. Duis non
	                                    auctor ante, ac vestibulum tortor. Etiam quis dolor ultricies, dignissim ante a,
	                                    ornare ipsum. Phasellus suscipit rhoncus nulla, quis bibendum tortor elementum ac.
	                                    Nullam viverra tellus diam, nec accumsan orci aliquam sed. Sed placerat sagittis
	                                    lacus, non rutrum diam volutpat id.
	                                </li>
	                            </ul>
	                        </div> -->
	                        <div class="notes">
	                            <h3>留言板</h3>
	                            <c:forEach items="${evalList }" var="listTemp" varStatus="stat">
		                            <div class="notes-item">
		                                <span>${stat.count }</span>
		                                <p>${listTemp.users.nick }在${listTemp.createTime }评论:</p>
		                                <p>${listTemp.content }</p>
		                            </div>
	                            </c:forEach>
	                        </div>
	                    </div>
	                </div>
	            </div>
	        </div>
	    </section>
		<%@ include file="/common/include/head_footer.jsp"%>
	</body>
</html>